<template>
  <div>
    <img
      v-for="(img, index) in imageList"
      :key="index"
      v-lazy="img"
      class="imgBox"
    />
    <img :src="img13" alt="" @click="fanhui" width="100%" />
  </div>
</template>

<script>
import Vue from 'vue'
import { Lazyload } from 'vant'
import img4 from '@/assets/4.jpg'
import img5 from '@/assets/5.jpg'
import img6 from '@/assets/6.jpg'
import img7 from '@/assets/7.jpg'
import img8 from '@/assets/8.jpg'
import img9 from '@/assets/9.jpg'
import img10 from '@/assets/10.jpg'
import img11 from '@/assets/11.jpg'
import img12 from '@/assets/12.jpg'
import img13 from '@/assets/13.jpg'
Vue.use(Lazyload)

export default {
  data() {
    return {
      imageList: [img4, img5, img6, img7, img8, img9, img10, img11, img12],
      img13
    }
  },
  created() {
    this.$store.commit('hideFooter')
  },
  beforeDestroy() {
    this.$store.commit('showFooter')
  },
  methods: {
    fanhui() {
      this.$router.back()
    }
  }
}
</script>

<style lang='scss' scoped>
.imgBox {
  width: 100%;
}
</style>
